<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度换肤</title>
    <style>
        li{
            list-style: none;
        }
        img{
            width: 500px;
            height: 300px;
        }
    </style>
</head>
<body>
    <!-- 分析  给图片添加点击事件
          利用循环注册点击事件
          点击了这个图片页面背景改为当前的图片
        核心算法 把当前图片的 src路径 取过来，给 body 作为背景即可 -->

        <ul class="wu">
            <li><img src="/1.jpg" alt=""></li>
            <li><img src="/5.jpg" alt=""></li>
        </ul>

        <script>
            var imgs = document.querySelector('.wu').querySelectorAll('img');

            for(var i = 0; i < imgs.length; i++){
                imgs[i].onclick = function(){
                    document.body.style.backgroundImage = 'url('+this.srco+')';
                }
            }
        </script>
    
</body>
</html>